@use '../mixins/config' as *;

// height
// generate .yq-hp-${height}, .yq-hp-${height}-i, height percent range: 0% - 100%

// width
// generate .yq-wp-${width}, .yq-wp-${width}-i, width percent range: 0% - 100%
// @for $i from 0 through 100 {
//     $sizes: (
//         // h: 'height',
//         w: 'width',
//     );
//     @each $key, $value in $sizes {
//         .#{$namespace}-#{$key}p-#{$i} {
//             #{$value}: $i * 1%;
//             &-i {
//                 #{$value}: $i * 1% !important;
//             }
//         }
//     }
// }
// 打包优化处理
.yq-wp-100 {
    width: 100%;
}
.yq-wp-100-i {
    width: 100% !important;
}
.yq-wp-90 {
    width: 90%;
}
.yq-wp-90-i {
    width: 90% !important;
}
.yq-wp-80 {
    width: 80%;
}
.yq-wp-80-i{
    width: 80% !important;
}
.yq-wp-70 {
    width: 70%;
}
.yq-wp-70-i {
    width: 70% !important;
}
.yq-wp-60 {
    width: 60%;
}
.yq-wp-60-i {
    width: 60%!important;
}
.yq-wp-50 {
    width: 50%;
}
.yq-wp-50-i{
    width: 650% !important;
}
.yq-hp-100 {
    height: 100%;
}
.yq-hp-100-i {
    height: 100% !important;
}
